﻿@{
    ViewBag.Title = "发布表单功能";
    Layout = "~/Views/Shared/_GirdForm.cshtml";
}
@Html.AppendCssFile("/Areas/LR_FormModule/Views/FormRelation/Form.css")
<div class="widget-body">
    <div id="wizard" class="wizard" data-target="#wizard-steps">
        <ul class="steps">
            <li data-target="#step-1" class="active"><span class="step">1</span>基础配置<span class="chevron"></span></li>
            <li data-target="#step-2"><span class="step">2</span>条件配置<span class="chevron"></span></li>
            <li data-target="#step-3"><span class="step">3</span>视图列表<span class="chevron"></span></li>
        </ul>
    </div>
    <div class="step-content" id="wizard-steps">
        <div class="step-pane lr-form-wrap active" id="step-1">
            <input id="F_ModuleId" type="hidden" />

            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">功能编号<font face="宋体">*</font></div>
                <input id="F_EnCode" type="text" class="form-control" placeholder="请输入编号" isvalid="yes" checkexpession="NotNull" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">功能名称<font face="宋体">*</font></div>
                <input id="F_FullName" type="text" class="form-control" placeholder="请输入名称" isvalid="yes" checkexpession="NotNull" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">上级功能</div>
                <div id="F_ParentId"></div>
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">功能图标</div>
                <input id="F_Icon" type="text" class="form-control" placeholder="请选择图标" />
                <span id="selectIcon" class="lr-input-button" title="选取图标">...</span>
            </div>

            <div class="col-xs-12 lr-form-item lr-form-btnitem">
                <div class="lr-form-item-title">表单选择<font face="宋体">*</font></div>
                <div id="F_FormId" isvalid="yes" checkexpession="NotNull"></div>
                <a id="lr_preview" class="btn btn-default lr-form-item-btn">预览表单</a>
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">表单打开方式<font face="宋体">*</font></div>
                <div class="radio">
                    <label>
                        <input name="formOpenType" type="radio" value="1" checked="checked" />
                        弹层页
                    </label>
                    <label>
                        <input name="formOpenType" type="radio" value="0" />
                        窗口页
                    </label>
                </div>
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">功能排序<font face="宋体">*</font></div>
                <input id="F_SortCode" type="text" class="form-control" placeholder="请输入排序号" isvalid="yes" checkexpession="Num" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">表单框宽</div>
                <input id="fromWidth" type="text" class="form-control" placeholder="请输入宽" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">表单框高</div>
                <input id="fromHeight" type="text" class="form-control" placeholder="请输入高" />
            </div>
            <div class="col-xs-12 lr-form-item">
                <div class="lr-form-item-title">功能描述</div>
                <textarea id="F_Description" class="form-control" style="height: 140px;"></textarea>
            </div>
        </div>
        <div class="step-pane step-gird-pane lr-form-layout" id="step-2">
            <div class="lr-form-layout-header">
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">时间查询</div>
                    <div class="radio">
                        <label>
                            <input name="queryDatetime" type="radio" value="1" />
                            启用
                        </label>
                        <label>
                            <input name="queryDatetime" type="radio" value="0" checked="checked" />
                            停用
                        </label>
                    </div>
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">时间字段</div>
                    <div id="queryDatetime" class="lr-select-underline"></div>
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">搜索框宽</div>
                    <input id="queryWidth" type="text" class="form-control lr-input-underline" placeholder="请输入宽" />
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">搜索框高</div>
                    <input id="queryHeight" type="text" class="form-control lr-input-underline" placeholder="请输入高" />
                </div>
            </div>
            <div class="lr-form-layout-body">
                <div class="lr-form-layout-body-title">
                    <div class="lr-form-jfgrid-btns">
                        <a id="lr_add_query" class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;添加</a>
                        <a id="lr_edit_query" class="btn btn-info"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                        <a id="lr_delete_query" class="btn btn-danger"><i class="fa fa-trash-o"></i>&nbsp;移除</a>
                    </div>
                    <span>条件项设计</span>
                </div>
                <div id="query_girdtable"></div>
            </div>
        </div>
        <div class="step-pane step-gird-pane lr-form-layout" style="padding-top:41px;" id="step-3">
            <div class="lr-form-layout-header" style="padding:0px;height:41px;padding-left:10px;">
                <div class="col-xs-12 lr-form-item">
                    <div class="lr-form-item-title">是否分页</div>
                    <div class="radio">
                        <label>
                            <input name="ispage" type="radio" value="1" />
                            是
                        </label>
                        <label>
                            <input name="ispage" type="radio" value="0" checked="checked" />
                            否
                        </label>
                    </div>
                </div>
            </div>
            <div class="lr-form-layout-body">
                <div class="lr-form-layout-body-title">
                    <div class="lr-form-jfgrid-btns">
                        <a id="lr_add_col" class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;添加</a>
                        <a id="lr_edit_col" class="btn btn-info"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                        <a id="lr_delete_col" class="btn btn-danger"><i class="fa fa-trash-o"></i>&nbsp;移除</a>
                    </div>
                    <span>页面列表设计</span>
                </div>
                <div id="col_girdtable"></div>
            </div>

        </div>
    </div>

    <div class="lr-form-bottom-button" id="wizard-actions">
        <a id="btn_prev" class="btn btn-default btn-prev" disabled>上一步</a>
        <a id="btn_next" class="btn btn-default btn-next">下一步</a>
        <a id="btn_finish" class="btn btn-success">完成</a>
    </div>
</div>
@Html.AppendJsFile("/Areas/LR_FormModule/Views/FormRelation/Form.js")